<template>
  <div class="box" @mouseover="handleMouseOver" @mouseout="handleMouseOut">
    {{ URL }}
  </div>
</template>

<script setup lang="ts">
const URL = import.meta.env.VITE_APP_API_URL;
const handleMouseOver = () => {
  console.log("进来了");
};
const handleMouseOut = () => {
  console.log("离开了");
};
onMounted(() => {
  console.log(import.meta.env.VITE_APP_API_URL);
});
</script>

<style scoped lang="scss">
.box {
  width: 100px;
  height: 100px;
  background-color: pink;
}
</style>
